<template>
	<view class="content">
		<view class="banner"><image :src="banner" mode="widthFix"></image></view>
		<view class="introduce">{{ title }}</view>
		<view class="text" v-html="content"></view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			content: '',
			banner: '',
			title: ''
		};
	},
	onLoad() {
		uni.request({
			method: 'GET',
			url: 'https://baiyi.kent.work/api/v1/system/getCompanyInfoWx',
			success: res => {
				this.content = res.data.data.content;
				this.banner = res.data.data.images_list[0];
				this.title = res.data.data.title;
			}
		});
	},
	methods: {}
};
</script>

<style lang="less" scoped>
.content {
	display: flex;
	flex-direction: column;

	.introduce {
		height: 56rpx;
		background: #3d9c36;
		border-radius: 32rpx;
		font-size: 26rpx;
		text-align: center;
		color: white;
		margin: 40rpx auto;
		padding: 2rpx 24rpx;
	}
	.text {
		font-size: 16rpx;
		line-height: 48rpx;
		margin: 0 46rpx;
		color: #333333;
	}
}
</style>